.login_mobile_wrap {
  position: relative;
  box-sizing: border-box;
  width: 100vw;

  // min-height: 100vh;
  background: url("./image/login_bg.svg") no-repeat;
  background-size: 100%, 100%;
  .welcome_title {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 98px 0 0 34px;
    .primary_title {
      font-size: 26px;

      // font-weight: 700;
      line-height: 46px;
      color: rgb(51 51 51 / 100%);
      text-align: left;
      letter-spacing: 0.8px;
      vertical-align: top;
    }
    .assistant_title {
      font-size: 14px;
      color: rgb(102 102 102 / 100%);
      letter-spacing: 2px;
    }
  }
  .login_form_box {
    box-sizing: border-box;

    // width: 100%;
    padding: 0 5%;
    padding-bottom: 50px;
    margin-top: 40px;

    // background-color: yellow;

    // border: 1px solid red;
    .input_username {
      margin-bottom: 10px;
    }
    .input_password {
      margin-bottom: 10px;
    }
    .input_password::after {
      position: absolute;
      right: var(--van-padding-md);
      bottom: 0;
      left: var(--van-padding-md);
      box-sizing: border-box;
      pointer-events: none;
      content: " ";
      border-bottom: 1px solid var(--van-cell-border-color);
      transform: scaleY(0.5);
    }
  }
  .btn_box {
    box-sizing: border-box;

    // border: 1px solid red;
    padding: 0 10%;
    .login_btn {
      width: 100%;
    }
  }
}
.loading_box {
  position: fixed;
  top: 44%;
  left: 50%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100vw;
  text-align: center;

  // border: 1px solid red;

  // line-height: 42px;
  transform: translate(-50%, -50%);
  .loading_text {
    margin-top: 4px;
    margin-left: 4px;

    // position: relative;
    // top: 7px;
    // left: 10px;
    font-size: 14px;
    color: white;
    letter-spacing: 2px;
  }
}
